import React, { Component } from 'react';
import './yangshi/newaddress.scss';
import Linkage from './../../components/linkage'
class Com extends Component {
    render () {
        return (
            <div className="container">
                <div className='box'>
                    <div className="content">
                      {/* 添加收货人的信息 */}
                      <div className="newAddressBox">
                          {/* 收货人姓名 */}
                          <div className="newAddressView">
                              <label>收货人</label>
                              <input type="text" placeholder="请填写收货人姓名"/>
                          </div>
                          {/* 性别 */}
                          <div className="newAddressView">
                              <label>性别</label>
                              <div className="adress-label-box">
                                  <div className="adressLabel " data-sex="0">女士</div>
                                  <div className="adressLabel active" data-sex="1">先生</div>
                              </div>
                            </div>
                          {/* 国家 */}
                          <div className="newAddressView">
                              <label>国家</label>
                              <div className="am-list-extra">中国</div>
                          </div>
                          {/* 手机号 */}
                          <div className="newAddressView">
                              <label>手机号码</label>
                              <input type="text" placeholder="请填写收货人手机号" />
                          </div>
                          {/* 地区 */}
                          <Linkage />
                          {/* 详细地址 */}
                          <div className="newAddressView">
                              <label>详细地址</label>
                              <input type="text" placeholder="详细地址（例如门牌号等）" />
                          </div>
                          {/* 选择标签 */}
                          <div className="newAddressView">
                              <label>选择标签</label>
                              <div className="adress-label-box">
                                  <div className="adressLabel " data-label="0">家</div>
                                  <div className="adressLabel " data-label="1">学校</div>
                                  <div className="adressLabel " data-label="2">公司</div>
                              </div>
                          </div>
                          {/* 取货方式 */}
                          <div>
                              <label>取货方式</label>
                              <div className="address-pick-up">
                                  <div>
                                      <span className="iconfont iconduihao2"></span>
                                      <span>快递</span>
                                  </div>
                                  <div>
                                      <span className="iconfont iconduihao2"></span>
                                      <span>同城</span>
                                  </div>
                                  <div>
                                      <span className="iconfont iconduihao2"></span>
                                      <span>自提</span>
                                  </div>
                                </div>
                            </div>
                      </div>
                      {/* 保存并使用按钮 */}
                      <div className="newAddressBottom">
                          <div className="sureAddAddress">保存并使用</div>
                      </div>
                    </div>
                </div>
            </div>
        )
    }
}
export default Com